import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'

// 引入路由的模式 hash 或 history
// 路由模式的组件一定要把当前的项目进行包裹，一个项目中只能使用一次
// HashRouter hash
// BrowserRouter history  注：此方案上线时一定要设置服务器配置
// 对于路由模式组件，一般在使用时，定义一个别名，方便后续的路由模式的切换
import { BrowserRouter as Router } from 'react-router-dom'
// import { HashRouter as Router } from 'react-router-dom'

import { Provider } from 'react-redux'
import store from './store'

ReactDOM.render(
  <Provider store={store}>
    <Router>
      {/* App组件它不是通过路由匹配成功后来渲染出来的组件，所以默认在它的组件上面就没有路由对象 */}
      {/* 如果你想要在App组件中有路由，则需要在此组件使用react-router-dom提供的高阶组件来完成对于此组件进行增强 */}
      <App />
    </Router>
  </Provider>,
  document.getElementById('root')
)
